<template>
  <div  >
	  <div  style="width:1000px;position:absolute;z-index:99999;height:600px">
		  <lbblist></lbblist>
	 <lbbform :model="model" :schema="schema">
		 <div>我是啊彬</div>
	 </lbbform>
	  </div>
	  
	 
  </div>
</template>
<script>
import lbbform from './form.vue'
import lbblist from './list.vue'
export default {
  data () {
    return {
      model: {
        id: 1,
        name: '',
        date: '1992-06-04',
        password: 'lbb123',
        status: true,
        skills: 'qianduan',
        type: 'manong'
      },
      event: {
        submit () {}
      },
      schema: {
        fields: [
          {
            type: 'input',
            inputType: 'text',
            props: {},
            label: 'ID (disabled text field)',
            model: 'id',
            readonly: true,
            disabled: true,
            rules: [ { required: true, message: 'The name cannot be empty', trigger: 'blur' }
            ]
          },
          {
            type: 'datepicker',
            props: {},
            label: '时间',
            model: 'date'
          },
          {
            type: 'input',
            inputType: 'text',
            label: 'Name',
            model: 'name',
            placeholder: 'Your name',
            featured: true,
            required: true,
            rules: [{ required: true, message: 'The name cannot be empty', trigger: 'blur' }
            ]
          },
          {
            type: 'input',
            inputType: 'password',
            label: 'Password',
            model: 'password',
            min: 6,
            required: true,
            hint: 'Minimum 6 characters'
          },
          {
            type: 'select',
            label: 'Skills',
            model: 'skills',
            values: [
              { name: 'qianduan', value: 'qianduan' },
              { name: 'houduan', value: 'houduan' }
            ]
          },
          {
            type: 'input',
            inputType: 'email',
            label: 'E-mail',
            model: 'email',
            placeholder: "User's e-mail address",
            rules: [{ required: true, message: 'The name cannot be empty', trigger: 'blur' }
            ]
          },
          {
            type: 'checkbox',
            label: 'Status',
            model: 'status',
            default: true
          }
        ]
      }
    }
  },
  components: {
    lbbform, lbblist
  }
}
</script>
<style>
</style>
